<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加会员</title>
    <link rel="stylesheet" href="../../style/member/detailsUser.css">
    <link rel="stylesheet" href="../../libs/bootstrap-5.3.0-alpha1-dist/css/bootstrap.css">
    <script src="../../js/vue-2.6.12.js"></script>
    <script src="../../js/axios-0.21.0.js"></script>
    <script src="../../js/qs-6.9.4.js"></script>
    <script src="../../js/vue-router-3.4.9.js"></script>
</head>

<body>

    <div class="containers" id="app">
        <h3>会员</h3>
        <hr>
        <div class="container-basic">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th colspan="4">会员详情</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>真实姓名</td>
                        <td>{{member.realName}}</td>
                        <td>昵称</td>
                        <td> {{member.nickName}}</td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td>{{member.sex}}</td>
                        <td>手机号</td>
                        <td>{{member.mobile}}</td>
                    </tr>
                    <tr>
                        <td>状态</td>
                        <td>{{member.state==1?"正常":"冻结"}}</td>
                        <td>等级</td>
                        <td>VIP{{member.level}}</td>
                    </tr>
                    <tr>
                        <td>年龄</td>
                        <td>{{member.age}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script>
        const currentUrl = window.location.href;
        const memberId = currentUrl.split("=")[1];

        const app = new Vue({
            el: "#app",
            data: {
                member:{}
            },
            methods: {
            },
            created() {
                axios.get("/shop/member/detailMember?memberId=" + memberId).then(res => {
                    this.member=res.data
                })

            }


        })
    </script>
</body>

</html>